<template>
    <div>
          <div class="tlite">
        <div class="header"><span class="colorg">系统设置 </span> / banner图管理</div> 
         <div class="head">banner图管理</div>
        </div>
        <div class="serch">
          <div class="serchbox"><span>banner名称</span><a-input-search placeholder="请输入" style="width: 200px" @search="onSearch" />  </div>
        <div class="btn"> <a-button type="primary">查询</a-button>
           <a-button style="margin-left:20px">重置</a-button></div>
         
        
          
          
        </div>
        <div class="main">
  
  </div>
        </div>
  </template>
  
  <script>
  export default {
      name: 'SmartCommunityRoleManagement',
  
      data() {
          return {
              
          };
      },
  
      mounted() {
          
      },
  
      methods: {
          
      },
  };
  </script>
  
  <style lang="less" scoped>
  .tlite{
    height: 97px;
    width: 100%;
    background-color: #fff;
    color: black;
    border-bottom: 1px solid;
    font-size: 14px;
  }
  .colorg{
    color: dimgray;
    font-size: 14px;
  
  }
  .head{
    font-size: 20px;
   
  margin-left: 40px;
    font-weight: 700;
  }
  .header{
    padding: 15px 25px;
  
  }
  .serch{
      height: 80px;
      width: 100%;
      background-color: #fff;
      font-size: 14px;
      display: flex;
    justify-content: space-between;
  }
  .serchbox{
      margin-left: 25px;
      line-height: 80px;
     
  }span{
      margin-left: 15px;
  }
  .main{
      height: 793px;
      width: 100%;
      background-color: #fff;
      margin: 20px 0;
  }
  .btn{
     margin-top: 20px;
     margin-right: 40px;
  }
  </style>